
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="format-detection" content="telephone=no,email=no" />
<link rel="shortcut icon" href="${root}favicon.ico" />
<meta name="keywords" content="Jack the Beaver">
<meta name="description"
	content="心教育平台是国内知名的心理学继续教育平台，拥有美国欧文·亚隆团队独家授权的世界心理学名家专业教学视频课程200余部，并与众多心理名家合作，推出一系列线上、线下专业课程，各类直播课及课程程，影响深远。">
<title>${obj.name}_心课堂</title>
<link rel="stylesheet" href='${root}css/common.css' />
<link rel="stylesheet" href='${root}css/teacher.css' />
<script type="text/javascript" src="${root}assets/js/jquery.min.js"></script>
</head>
<body class="l-media page-agency-teacher">

	<!--:include("/inc/course/header.html"){}  -->

	<section class="section-feature feature--banner">
		<div class="inner-center clearfix">
			<div class="l-side">
				<div class="l-side-info">
					<div class="info-text">
						<div class="face-ct">
							<img id="js_teacher_face" style=""
								src="${www}${obj.img}"
								alt="${obj.name}" />
							<div class="face-border"></div>
						</div>
						<h1 id="js_teacher_name" title="Jack the Beaver">${obj.name!}</h1>
						<p id="js_teacher_intro" title="">${obj.text!}</p>
					</div>
					<ul class="treeres">
						<li class="treeres-item">
							<div class="treeres-num js-item-num" data-num="66">${obj.courses.~size!0}</div>
							<div class="treeres-cat">课程</div>
						</li>
					</ul>
				</div>
				<div class="l-side-ctrl clearfix">
					<div class="share">
						<p>分享：</p>
						<a href="javascript:void(0);" data-to="qq" class="share-qq"></a><a
							href="javascript:void(0);" data-to="qzone" class="share-qzone"></a>
					</div>
				</div>
			</div>
			<div class="r-side">
				<div class="r-side-cont">
					<div class="ls-bd sm-bm-style">
						<div class="bm-menu mt20 mrl15">
							<h2 class="bm-menu-hd" style="margin-bottom: 0;">最受欢迎课程</h2>
							<ul class="bm-menu-bd teacher-course-popular" id="js_course_list">
								<!--:for(c in obj.courses){  -->
								<!--:if(cLP.index<3){  -->
								<li class="mod mod-1"><div class="bm-menu-more">
										<div class="bm-menu-img">
											<a class="a-parent" href="${root}course/${c.id}"
												target="_blank"><img
												lazy-src="//10.url.cn/qqcourse_logo_ng/ajNVdqHZLLAk8OFaVJfb1icP2ou0UASWmqjXXu2micaDKfAR3NMdMOrhP8y7waHadIflCAaBWTftE/90?tp=webp"
												title="${c.title}" alt="${c.title}"
												src="${www}${c.img}"></a><a
												href="${root}course/${c.id}" target="_blank"
												class="border"></a>
										</div>
										<div class="bm-menu-info">
											<p class="bm-menu-info-top">
												<a title="${c.title}" target="_blank"
													href="${root}course/${c.id}">${c.title}</a>
											</p>
											<p class="bm-menu-info-bottom">
												<span class="bm-menu-price">${c.price>0?c.price+'.00元':(c.vip==1?'VIP免费':'免费')}</span>
												 <span>${c.num!1}人购买</span>
											</p>
										</div>
										<div class="clear"></div>
									</div></li>
									<!--:}  -->
									
									<!--:}  -->
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="section-main">
		<div class="inner-center">
			<ul class="mod-tab__ul js-tab-nav" id="js_tab_nav">
				<li class="mod-tab__li mod-tab__li_current" data-hook="wraper-home"><a
					href="javascript:;"><h2>课程</h2></a></li>
				<li class="mod-tab__li" data-hook="wraper-comment"><a
					href="javascript:;"><h2>学员评论</h2></a></li>
			</ul>

			<div class="mod-tab__content wraper-home">
				<div class="main-course">

					<!--课程列表 S-->
					<div id="course_list"
						class="course-card-list-9-wrap course-card-list-multi-wrap">
						<!--使用template/index/hot_list.html模版 -->

						<!--
    opt = {
        simplify: true,  //简化模式，少了第二行
        sIndex:   1,     //首页楼层上报用
        fIndex:   2,     //首页楼层上报用
        noAgency: true,  //简化模式下不展示机构信息，展示学习人数
        showTopo: true,  //开启展示图谱“更多阶段”
        hideStatus: true,//隐藏课程状态栏
        lazyload: true   //课程图懒加载
    }

 -->
						<ul class="course-card-list" auto-test="">
							<!--:for(c in obj.courses!){  -->
							<li class="course-card-item"><a
								href="${root}course/${c.id!}" target="_blank"
								class="item-img-link" data-id="133290" data-index="1"
								report-tdw="action=Coursecard_Coursecover-clk&ver1=133290&ver3=1.1.1"
								cors-name="course"> <img
									src="${www}${c.img}.jpg"
									alt="${c.title}"
									title="${c.title}" class="item-img"
									width="220" height="124"
									onerror="this.src='${www}${c.img}';this.onerror=null;" />
								</a>

								<div class="item-status">
									<span class="item-status-step">随到随学（共${c.section!1}节）</span>

								</div>


								<h4 class="item-tt">



									<a href="${root}course/${c.id!}" target="_blank"
										class="item-tt-link" title="${c.title}">${c.title}</a>

								</h4>


								<div class="item-line item-line--bottom">
								<!--:if(c.price>0){  -->
								<span class="line-cell item-price">${c.price}</span>
								<!--:}else{  -->
									<span class="line-cell item-price free">${c.vip==1?'VIP免费':'免费'}</span> 
									<!--:}  -->
									<span
										class="line-cell item-user item-user--right"> 最近报名
										${c.num!0}人 </span>

								</div></li>
							<!--:}  -->
						</ul>
					</div>
					<!--课程列表页数切换 S-->
					<div class="sort-page" id="js_page_btn" data-page="5"></div>
				</div>
				<!--:if(isEmpty(obj.courses)||obj.courses.~size==0){  -->
				<div class="section-msg grid-row-4" style="top: 61px;"> <div class="msg-inner"> <i class="icon-font icon-msg-large i-alert"></i> <div class="msg-text">暂无课程</div> </div></div>
				<!--:}  -->
			</div>
			<div class="mod-tab__content wraper-comment hide">
            <div class="mod-comments" id="js-comments" style="visibility: visible;">
					<div class="mod-comments-list" id="js-comments-list"
						data-tid="1090200618">
						<div class="loading-wrap" style="display: none;"></div>
						<div class="section-comment-list grid-data">
							<div class="comment-filter grid-row-1">
								<div class="comment-statistics">
									<span class="statistics-num"> 100% </span> 好评度
								</div>
								<div class="f-rc-list filter-comment-rank js-f-rc-list">
									<label
										report-tdw="action=detail_checkcomment_filter&amp;obj1=4&amp;ver1="
										class="f-radio checked" data-id="0"><i
										class="icon-radio"></i><span class="f-rc-text">全部评价(${comments.~size!0})</span></label>
									<label style="display: none;"
										report-tdw="action=detail_checkcomment_filter&amp;obj1=1&amp;ver1="
										class="f-radio " data-id="1"><i class="icon-radio"></i><span
										class="f-rc-text">好评(1)</span></label> <label
										style="display: none;"
										class="f-radio " data-id="2"><i class="icon-radio"></i><span
										class="f-rc-text">中评(1)</span></label> <label
										style="display: none;"
										class="f-radio " data-id="3"><i class="icon-radio"></i><span
										class="f-rc-text">差评(1)</span></label>
								</div>
							</div>
							<div class="comment-list grid-row-2">
								<!--:for(c in comments!){  -->
								<div class="comment-item">
									<div class="item-left">
										<img class="user-avatar"
											src="//q4.qlogo.cn/g?b=qq&amp;k=fK6iavGj1jJEia36L2lTiaozQ&amp;s=140&amp;t=1495435298"
											width="40" height="40" alt="小****">
										<p class="user-name">小****</p>
									</div>
									<div class="item-right">
										<div class="star-list">
											<i class="icon-font i-star "></i> <i
												class="icon-font i-star "></i> <i
												class="icon-font i-star active"></i> <i
												class="icon-font i-star "></i> <i class="icon-font i-star "></i>
										</div>
										<div class="comment-bd">如果你想成为一个SEO技术大牛，学到真正的SEO干货，你可以加入这个君羊：前面是450，中间是409，最后是576。这里每天都有SEO大牛免费直播分享，也有很多人和你一起交流进步，君羊内大量学习资料可以下载学习，只要你是真心想要学好这门技术的就可以加入。</div>
										<div class="comment-ft">
											<span class="comment-where"> 评价来自 <a target="_blank"
												href="//ke.qq.com/course/84441" class="nor-link">《SEO优化从入门到精通
													—“2016-2017”最新排名规则解析》</a></span> <span class="comment-time">2017-05-26</span>
										</div>
										<div class="comment-reply"></div>
									</div>
								</div>
								<!--:}elsefor{  -->
								<div class="section-msg grid-row-4"> <div class="msg-inner"> <i class="icon-font icon-msg-large i-alert"></i> <div class="msg-text">暂无评论</div> </div></div>
								<!--:}  -->
							</div>
						</div>
						<div class="grid-page-wrap sort-page hide">
							<div class="page-box">
								<a auto-test="pager_id_044558862051033366_prev"
									href="javascript:void(0);" class="page-prev-btn page-btn-dis"><i
									class="icon-font i-v-left"></i></a> <a
									auto-test="pager_id_044558862051033366_1"
									href="javascript:void(0);" data-index="1"
									class="page-btn page-first page-btn-cur">1</a> <a
									auto-test="pager_id_044558862051033366_2"
									href="javascript:void(0);" data-index="2" class="page-btn">2</a>
								<a auto-test="pager_id_044558862051033366_3"
									href="javascript:void(0);" data-index="3" class="page-btn">3</a>
								<span>…</span> <a auto-test="pager_id_044558862051033366_12"
									href="javascript:void(0);" data-index="12" class="page-btn">12</a>
								<a auto-test="pager_id_044558862051033366_13"
									href="javascript:void(0);" data-index="13"
									class="page-btn page-last">13</a> <a
									auto-test="pager_id_044558862051033366_next"
									href="javascript:void(0);" class="page-next-btn"><i
									class="icon-font i-v-right"></i></a>
							</div>
						</div>
					</div>
				</div>
        </div>
		</div>
	</section>
	<!--包含尾部进来-->
	<!--:include("/inc/footer.html"){}  -->
<script type="text/javascript">
$(function(){
	$(".mod-tab__li").click(function(){
		$(".mod-tab__li").removeClass("mod-tab__li_current")
		$(this).addClass("mod-tab__li_current")
		$(".mod-tab__content").removeClass("hide")
		$(".mod-tab__content").addClass("hide")
		$("."+$(this).attr("data-hook")).removeClass("hide");
	})
})
</script>
</body>
</html>
